// import React from "react";

export default function App() {
  // 必须有一个根标签 -> 为了让语法不报错，必须包一个根标签 -> 问题：页面会有很多多余的元素div
  // return (
  //   <div>
  //     <h1>title...</h1>
  //     <div>content...</div>
  //   </div>
  // );

  // 使用 React.Fragment: 1. 可以用来充当根标签 2. 不会渲染任何内容
  // return (
  //   <React.Fragment>
  //     <h1>title...</h1>
  //     <div>content...</div>
  //   </React.Fragment>
  // );

  // React.Fragment 的简写 <></> 空标签
  return (
    <>
      <h1>title...</h1>
      <div>content...</div>
    </>
  );
}
